<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:ui="http://www.sun.com/web/ui">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view locale="#{SessionNoClassBean.localeSetting}">
        <div align="center" style="width: 100%">
            <ui:themeLinks binding="#{ClasificacionDetalladaPage.themeLinks1}" id="themeLinks1"/>
            <ui:form binding="#{ClasificacionDetalladaPage.noClassForm}" id="noClassForm">
                <table>
                    <tr>
                        <td align="center">
                            <!-- contenedorGridPanel -->
                            <h:panelGrid columns="1" headerClass="headerClassDataTable" id="contenedorGridPanelArriba" rowClasses="rowClassWhite, rowClassBlue" style="text-align: center">
                                <f:facet name="header">
                                    <h:outputText value="Criterios de Aceptación"/>
                                </f:facet>
                                <h:outputText style="color: white" value="_"/>
                                <h:panelGrid columns="2">
                                    <h:panelGroup style="display: block; text-align: left">
                                        <h:outputText styleClass="outputText" value="DEPARTAMENTO "/>
                                        <ui:dropDown binding="#{ClasificacionDetalladaPage.dropDownDepartamentos}" id="dropDownDepartamentos"
                                            items="#{SessionNoClassBean.departamentosOptions}" styleClass="select" submitForm="true" valueChangeListener="#{ClasificacionDetalladaPage.dropDownDepartamentos_processValueChange}"/>
                                    </h:panelGroup>
                                    <h:panelGroup style="display: block; text-align: left">
                                        <h:outputText styleClass="outputText" value="CENTRO POBLADO "/>
                                        <ui:dropDown binding="#{ClasificacionDetalladaPage.dropDownMunicipios}" id="dropDownMunicipios"
                                            items="#{SessionNoClassBean.centroPobladosOptions}" styleClass="select"/>
                                    </h:panelGroup>
                                </h:panelGrid>
                                <h:outputText style="color: white" value="_"/>
                                <h:panelGroup style="display: block; text-align: left">
                                    <h:outputText rendered="#{SessionNoClassBean.renderedAsociados}" styleClass="outputText" value="NODO DISTRIBUCION "/>
                                    <h:outputText rendered="#{!SessionNoClassBean.renderedAsociados}" styleClass="outputText" value="NODO DISTRIBUCION **No Asociado** "/>
                                    <ui:dropDown binding="#{ClasificacionDetalladaPage.dropDownNodosDistribucion}" id="dropDownNodosDistribucion"
                                        items="#{SessionNoClassBean.nodosEmpresaMensajeriaOptions}" styleClass="select"/>
                                    <h:outputText value=" "/>
                                    <h:commandLink action="#{ClasificacionDetalladaPage.linkActionMostrarNoAsociados_action}"
                                        binding="#{ClasificacionDetalladaPage.linkActionMostrarNoAsociados}" id="linkActionMostrarNoAsociados" rendered="#{SessionNoClassBean.renderedAsociados}">
                                        <h:outputText binding="#{ClasificacionDetalladaPage.linkAction1Text}" id="linkAction1Text"
                                            styleClass="outputTextCommandLink" value="Mostrar no asociados"/>
                                    </h:commandLink>
                                    <h:commandLink action="#{ClasificacionDetalladaPage.linkActionMostrarAsociados_action}"
                                        binding="#{ClasificacionDetalladaPage.linkActionMostrarAsociados}" id="linkActionMostrarAsociados" rendered="#{!SessionNoClassBean.renderedAsociados}">
                                        <h:outputText binding="#{ClasificacionDetalladaPage.linkAction1Text1}" id="linkAction1Text1"
                                            styleClass="outputTextCommandLink" value="Mostrar asociados"/>
                                    </h:commandLink>
                                </h:panelGroup>
                            </h:panelGrid>
                            <h:outputText style="color: white" value="_"/>
                            <h:panelGrid columns="1" headerClass="headerClassDataTable" id="contenedorGridPanelPorClasificar" style="text-align: center">
                                <f:facet name="header">
                                    <h:outputText value=" Sitios por Clasificar "/>
                                </f:facet>
                                <h:dataTable binding="#{ClasificacionDetalladaPage.dataTableNoClass}" headerClass="headerClassDataTable" id="dataTableNoClass"
                                    rowClasses="rowClassBlue,rowClassWhite" value="#{SessionNoClassBean.noClasificados}" var="currentNoClasificado">
                                    <h:column binding="#{ClasificacionDetalladaPage.column1}" id="column1">
                                        <f:facet name="header">
                                            <h:outputText binding="#{ClasificacionDetalladaPage.outputText2}" id="outputText2" value="Seleccione"/>
                                        </f:facet>
                                        <h:panelGrid columns="1" style="text-align: center" width="100%">
                                            <ui:checkbox binding="#{ClasificacionDetalladaPage.checkboxNoClass}" id="checkboxNoClass"
                                                name="seleccionNoClassGroup" rendered="#{!currentNoClasificado.corrected}" selectedValue="#{currentNoClasificado.codigoBarras}"/>
                                        </h:panelGrid>
                                    </h:column>
                                    <h:column binding="#{ClasificacionDetalladaPage.column8}" id="column8">
                                        <f:facet name="header">
                                            <h:outputText value="Seleccione"/>
                                        </f:facet>
                                        <h:panelGrid columns="1" style="text-align: center" width="100%">
                                            <h:outputText binding="#{ClasificacionDetalladaPage.outputText7}" id="outputText7" styleClass="outputTextDataTable" value="#{currentNoClasificado.codigoBarras}"/>
                                        </h:panelGrid>
                                    </h:column>
                                    <h:column binding="#{ClasificacionDetalladaPage.column2}" id="column2">
                                        <f:facet name="header">
                                            <h:outputText binding="#{ClasificacionDetalladaPage.outputText4}" id="outputText4" value="Sitio Original"/>
                                        </f:facet>
                                        <h:outputText binding="#{ClasificacionDetalladaPage.outputText3}" id="outputText3" styleClass="outputTextDataTable" value="#{currentNoClasificado.sitioOriginal}"/>
                                    </h:column>
                                    <h:column binding="#{ClasificacionDetalladaPage.column10}" id="column10">
                                        <f:facet name="header">
                                            <h:outputText binding="#{ClasificacionDetalladaPage.outputText15}" id="outputText15" value="Empresa Mensajería - Nodo Actual"/>
                                        </f:facet>
                                        <h:outputText binding="#{ClasificacionDetalladaPage.outputText16}" id="outputText16" styleClass="outputTextDataTable" value="#{currentNoClasificado.nombreProveedor} - #{currentNoClasificado.nombreNodo}"/>
                                    </h:column>
                                    <h:column binding="#{ClasificacionDetalladaPage.column4}" id="column4">
                                        <f:facet name="header">
                                            <h:outputText binding="#{ClasificacionDetalladaPage.outputText6}" id="outputText6" value="Retener"/>
                                        </f:facet>
                                        <h:inputHidden binding="#{ClasificacionDetalladaPage.hiddenFieldSitioRetencion}" id="hiddenFieldSitioRetencion" value="#{currentNoClasificado.codigoBarras}"/>
                                        <h:panelGrid columns="1" style="text-align: center" width="100%">
                                            <h:commandLink action="#{ClasificacionDetalladaPage.retencionLinkAction_action}"
                                                binding="#{ClasificacionDetalladaPage.retencionLinkAction}" id="retencionLinkAction" rendered="#{currentNoClasificado.puedeReternerse}">
                                                <h:outputText binding="#{ClasificacionDetalladaPage.retencionOutputText}" id="retencionOutputText"
                                                    styleClass="outputTextCommandLink" value="Ilocalizable"/>
                                            </h:commandLink>
                                        </h:panelGrid>
                                    </h:column>
                                </h:dataTable>
                                <!-- -->
                                <h:outputText style="color: white" value="_"/>
                                <h:panelGroup style="display: block; text-align: center">
                                    <h:commandButton action="#{ClasificacionDetalladaPage.clasificarButton_action}"
                                        binding="#{ClasificacionDetalladaPage.clasificarButton}" id="clasificarButton" styleClass="button" value="CLASIFICAR"/>
                                    <h:outputText value=" "/>
                                    <h:commandButton action="#{ClasificacionDetalladaPage.volverButton_action}"
                                        binding="#{ClasificacionDetalladaPage.volverButton}" id="volverButton" styleClass="button" value="VOLVER"/>
                                </h:panelGroup>
                            </h:panelGrid>
                            <h:outputText style="color: white" value="_"/>
                            <h:panelGrid columns="1" headerClass="headerClassDataTable" id="contenedorGridPanelYaClasificadosAbajo" style="text-align: center">
                                <f:facet name="header">
                                    <h:outputText value=" Sitios Clasificados "/>
                                </f:facet>
                                <h:dataTable binding="#{ClasificacionDetalladaPage.dataTableYaClasificados}" headerClass="headerClassDataTable"
                                    id="dataTableYaClasificados" rowClasses="rowClassBlue,rowClassWhite" value="#{SessionNoClassBean.yaClasificados}" var="currentYaClasificado">
                                    <h:column binding="#{ClasificacionDetalladaPage.column9}" id="column9">
                                        <f:facet name="header">
                                            <h:outputText value="Código Barras"/>
                                        </f:facet>
                                        <h:panelGrid columns="1" style="text-align: center" width="100%">
                                            <h:outputText binding="#{ClasificacionDetalladaPage.outputText14}" id="outputText14"
                                                styleClass="outputTextDataTable" value="#{currentYaClasificado.codigoBarras}"/>
                                        </h:panelGrid>
                                    </h:column>
                                    <h:column binding="#{ClasificacionDetalladaPage.column5}" id="column5">
                                        <f:facet name="header">
                                            <h:outputText binding="#{ClasificacionDetalladaPage.outputText8}" id="outputText8" value="Sitio Original"/>
                                        </f:facet>
                                        <h:outputText binding="#{ClasificacionDetalladaPage.outputText9}" id="outputText9" styleClass="outputTextDataTable" value="#{currentYaClasificado.sitioOriginal}"/>
                                    </h:column>
                                    <h:column binding="#{ClasificacionDetalladaPage.column6}" id="column6">
                                        <f:facet name="header">
                                            <h:outputText binding="#{ClasificacionDetalladaPage.outputText10}" id="outputText10" value="Departamento"/>
                                        </f:facet>
                                        <h:outputText binding="#{ClasificacionDetalladaPage.outputText11}" id="outputText11" styleClass="outputTextDataTable" value="#{currentYaClasificado.nombreDepartamento}"/>
                                    </h:column>
                                    <h:column binding="#{ClasificacionDetalladaPage.column7}" id="column7">
                                        <f:facet name="header">
                                            <h:outputText binding="#{ClasificacionDetalladaPage.outputText12}" id="outputText12" value="Municipio - Centro Poblado"/>
                                        </f:facet>
                                        <h:outputText binding="#{ClasificacionDetalladaPage.outputText13}" id="outputText13" styleClass="outputTextDataTable" value="#{currentYaClasificado.nombreMunicipio} - #{currentYaClasificado.nombreCentroP}"/>
                                    </h:column>
                                    <h:column binding="#{ClasificacionDetalladaPage.column3}" id="column3">
                                        <f:facet name="header">
                                            <h:outputText binding="#{ClasificacionDetalladaPage.outputText1}" id="outputText1" value="Empresa Mensajería - Nodo"/>
                                        </f:facet>
                                        <h:outputText binding="#{ClasificacionDetalladaPage.outputText5}" id="outputText5" styleClass="outputTextDataTable" value="#{currentYaClasificado.nombreProveedor} - #{currentYaClasificado.nombreNodo}"/>
                                    </h:column>
                                </h:dataTable>
                                <h:outputText style="color: white" value="_"/>
                                <h:panelGroup style="display: block; text-align: center">
                                    <h:commandButton action="#{ClasificacionDetalladaPage.volverButton_action}" styleClass="button" value="VOLVER"/>
                                </h:panelGroup>
                            </h:panelGrid>
                            <h:outputText style="color: white" value="_"/>
                            <h:panelGrid binding="#{ClasificacionDetalladaPage.mensajeAlertGridPanel}" id="mensajeAlertGridPanel" rendered="#{SessionNoClassBean.renderedMensajeAlertGridPanel}">
                                <ui:alert binding="#{ClasificacionDetalladaPage.mensajeAlert}" id="mensajeAlert"/>
                            </h:panelGrid>
                            <!-- Hiddens -->
                            <h:inputHidden binding="#{ClasificacionDetalladaPage.noClassGroupHiddenField}" id="noClassGroupHiddenField"/>
                        </td>
                    </tr>
                </table>
            </ui:form>
            <!-- javascript -->
            <script language="JavaScript" type="text/javascript">
                checkSeleccionNoClassGroup();
                
                function checkSeleccionNoClassGroup() 
                {
                    var noClassGroupHidden = document.forms["noClassForm"]["noClassForm:noClassGroupHiddenField"].value;
                    
                    var arrayCodigosBarras = new Array();
                    arrayCodigosBarras = noClassGroupHidden.split("|&amp;|"); 
                    
                    if ( noClassGroupHidden != "" ) 
                    {
                        for ( i = 0; i &lt; document.forms["noClassForm"].elements.length; i++ ) 
                        {
                            if (document.forms["noClassForm"].elements[i].type == "checkbox") 
                            {
                                if ( document.forms["noClassForm"].elements[i].name == "seleccionNoClassGroup" ) 
                                {
                                    for( j = 0; j &lt; arrayCodigosBarras.length; j++ ) 
                                    {
                                        if (arrayCodigosBarras[j] == document.forms["noClassForm"].elements[i].value) 
                                        {
                                            document.forms["noClassForm"].elements[i].checked = true;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }          
            </script>
        </div>
    </f:view>
</jsp:root>
